<html>
	<head>
	
  <link rel="stylesheet" type="text/css" href="style.css">
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Libraries CSS Files -->
  <link href="lib/nivo-slider/css/nivo-slider.css" rel="stylesheet">
  <link href="lib/owlcarousel/owl.carousel.css" rel="stylesheet">
  <link href="lib/owlcarousel/owl.transitions.css" rel="stylesheet">
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="lib/animate/animate.min.css" rel="stylesheet">
  <link href="lib/venobox/venobox.css" rel="stylesheet">
  <!-- Nivo Slider Theme -->
  <link href="css/nivo-slider-theme.css" rel="stylesheet">
  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">
  <!-- Responsive Stylesheet File -->
  <link href="css/responsive.css" rel="stylesheet">
		
		
		</style>
		<title>公益壹加壹</title>
		<script type="text/javascript">

		</script>
	</head>
	<body data-spy="scroll" data-target="#navbar-example">
		<nav>
			<ul>
				<li><a href="loveheart.html">爱心筹</a></li>
				<li><a href="hotpoint.html">公益热点</a></li>
				<li><a href="donate.html">我要捐赠</a></li>
				<li><a href="blog.html">公益项目</a></li>
				<li class="active"><a href="index.html">首页</a></li>
			</ul>
		</nav>
	
	
		<div class="main" id="main">
			<div class="banner" id="banner">
				<a href="">
					<div class="banner-slide slide1 slide-active"></div>
				</a>
				<a href="">
					<div class="banner-slide slide2"></div>
				</a>
				<a href="">
					<div class="banner-slide slide3"></div>
				</a>
			</div>
		
		<a href="javascript:void(0)" class="button prev" id="prev"></a>
		<a href="javascript:void(0)" class="button next" id="next"></a>
		<div class="dots" id="dots">
			<span class="active"></span>
			<span></span>
			<span></span>
		</div>
	</div>
	
	
	<div id="about" class="about-area ">
	
		<div class="box">
	
		<div class="section-headline1">
            <h2>公益视频</h2>
          </div>
	
		<div class="img">
			<img src="img/head/4.jpg" alt="" />
		</div>

		<ul class="list">
			<li><span>主题宣传：</span>世界孤独症日</li>
			<li><span>捐助人数：</span>20.3万人已捐助</li>
			<li><span>描述：</span><p>&nbsp;&nbsp;&nbsp;&nbsp;该公益视频宣传片通过全国孤独症儿童诊断专家贾美香的介绍及儿童玩耍和家长的采访展示孤独症儿童的特点以及家长的焦虑和面临的巨大的压力,倡导社会进行融化活动。</p></li>
		</ul>
		</div>
	</div>
	
	
		<div class="box1">
		
	<div class="section-headline1">
            <h3>公益项目</h3>
          </div>
	 <div class="mainDiv">
            <div class="viceDiv_1">
				<div class="services-details">
                <div class="single-services">
				
                 
				  <h5><img src="img/head/扶贫救灾.png" alt="" /></h5>
                  <h4>&nbsp;&nbsp;疾病救助</h4>
                  <p>
                    目前在中国的很多偏远贫困地区,或者在城市中还存在不少的这么一些弱势群体,他们的医疗保障很差甚至是没有的。
                  </p>
                </div>
              </div>
			
            </div>
            <div class="viceDiv_2">
			
				<div class="services-details">
                <div class="single-services">
                  
										<h5><img src="img/head/公益献血.png" alt="" /></h5>
                  <h4>&nbsp;&nbsp;扶贫救灾</h4>
                  <p>
				  我中国扶贫基金会通过开展减防灾、备灾、救灾、灾后重建工作,打造救灾扶贫全领域模式,推出了一系列创新型救灾扶贫项目。
                  
                  </p>
                </div>
              </div>
			
            </div>
            <div class="viceDiv_3">
			
				<div class="services-details">
                <div class="single-services">
                  
					<h5><img src="img/head/教育助学.png" alt="" /></h5>
                  <h4>&nbsp;&nbsp;教育助学</h4>
                  <p>
                    参与公益活动，帮助贫困儿童拥有更快乐健康的童年。改变孩子们的命运。
                  </p>
                </div>
              </div>
			
            </div>
        </div>
			 <div class="mainDiv">
            <div class="viceDiv_1">
				<div class="services-details">
                <div class="single-services">
                 
					<h5><img src="img/head/自然保护.png" alt="" /></h5>
                  <h4>&nbsp;&nbsp;自然保护</h4>
                  <p>
                   自然保护区公益穿越活动以爱心汇聚温暖,以行动汇聚力量。
                  </p>
                </div>
              </div>
			
            </div>
            <div class="viceDiv_2">
			
				<div class="services-details">
                <div class="single-services">
                  
					<h5><img src="img/head/设施建设.png" alt="" /></h5>
                  <h4>&nbsp;&nbsp;设施建设</h4>
                  <p>
				  加强公益文化事业和文化设施建设。
                  </p>
                </div>
              </div>
			
            </div>
            <div class="viceDiv_3">
			
				<div class="services-details">
                <div class="single-services">
                  
					<h5><img src="img/head/其他.png" alt="" /></h5>
                  <h4>&nbsp;&nbsp;其他公益</h4>
                  <p>
                    传统文化/文物保护/公益发展/公益梦想等。
                  </p>
                </div>
              </div>
			
            </div>
        </div>
	</div>
	

	  <div class="our-skill-area1 fix hidden-sm">
    <div class="test-overly1"></div>
    <div class="skill-bg area-padding-2">
     
        <!-- section-heading end -->
        
          <div class="skill-text">
            
          </div>
        </div>
     
	</div>
  </div>
  
  
  <!-- Faq area start -->
  <div class="faq-area area-padding">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline text-center">
            <h2>公益关注</h2>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 col-sm-6 col-xs-12">
          <div class="faq-details">
            <div class="panel-group" id="accordion">
              <!-- Panel Default -->
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="check-title">
											<a data-toggle="collapse" class="active" data-parent="#accordion" href="#check1">
                                                <span class="acc-icons"></span>水安全项目
											</a>
										</h4>
                </div>
                <div id="check1" class="panel-collapse collapse in">
                  <div class="panel-body">
                    <p>
                      山区学校周边水源距离远，且被各村庄引入使用，水流极小，更严重的是牲畜与人供用水源，导致水源污染严重，浑浊不堪。
                    </p>
                  </div>
                </div>
              </div>
              <!-- End Panel Default -->
              <!-- Panel Default -->
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="check-title">
											<a data-toggle="collapse" data-parent="#accordion" href="#check2">
                                                <span class="acc-icons"></span> 为地球加点绿
											</a>
										</h4>
                </div>
                <div id="check2" class="panel-collapse collapse">
                  <div class="panel-body">
                    <p>
                      保护地球“绿肺” 珍惜绿色家园。拒绝“流浪地球”,种植绿色梦想。
                    </p>
                  </div>
                </div>
              </div><div class="tlinks"></div>
              <!-- End Panel Default -->
              <!-- Panel Default -->
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="check-title">
											<a data-toggle="collapse" data-parent="#accordion" href="#check3">
                                                <span class="acc-icons"></span>教育助学成长
											</a>
										</h4>
                </div>
                <div id="check3" class="panel-collapse collapse ">
                  <div class="panel-body">
                    <p>
                      对于孩子们纯洁的心灵来说，物质上的帮助不是最好的，我们需要跟他们分享人生态度，让阅读改变他们的未来。
                    </p>
                  </div>
                </div>
              </div>
              <!-- End Panel Default -->
              <!-- Panel Default -->
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="check-title">
											<a data-toggle="collapse" data-parent="#accordion" href="#check4">
                                                <span class="acc-icons"></span>贫困人群关怀
											</a>
										</h4>
                </div>
                <div id="check4" class="panel-collapse collapse">
                  <div class="panel-body">
                    <p>
                      为独居老人置办物品资助，冬季燃料费，营养金等支持。
                    </p>
                  </div>
                </div>
              </div>
              <!-- End Panel Default -->
            </div>
          </div>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <div class="tab-menu">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
              <li class="active">
                <a href="#p-view-1" role="tab" data-toggle="tab">爱心包裹学生圆梦</a>
              </li>
              <li>
                <a href="#p-view-2" role="tab" data-toggle="tab">易基金温暖包</a>
              </li>
              <li>
                <a href="#p-view-3" role="tab" data-toggle="tab">四季相伴&nbsp;关爱留守</a>
              </li>
            </ul>
          </div>
          <div class="tab-content">
            <div class="tab-pane active" id="p-view-1">
              <div class="tab-inner">
                <div class="event-content head-team">
                  <h4>爱心包裹学生圆梦</h4>
                  <p>
                    捐购爱心包裹的形式，关爱贫困地区及灾区小学生，帮助贫困小学生更好完成学业。爱心包裹项目采用整校覆盖原则，即只要是受益学校则全校所有小学生都可以收到爱心包裹。
                  </p>
                 
                </div>
              </div>
            </div>
            <div class="tab-pane" id="p-view-2">
              <div class="tab-inner">
                <div class="event-content head-team">
                  <h4>易基金温暖包</h4>
                  <p>
                    易基金温暖包为冬季受寒儿童提供专属物资，满足儿童灾后生活环境、卫生健康及心理的个性化需求，带给他们温暖、陪伴、关怀、快乐，使凝冻地区儿童及弱势群体重获有保障、有尊严的生活。
                  </p>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="p-view-3">
              <div class="tab-inner">
                <div class="event-content head-team">
                  <h4>四季相伴&nbsp;关爱留守</h4>
                  <p>
                   留守儿童提供四季相伴服务，陪伴他们一起健康成长。募得的所有善款将全部用于开展四季相伴、关爱留守项目。
                  </p>
                 
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end Row -->
    </div>
  </div>
  <!-- End Faq Area -->
  
     <!-- Start Blog Area -->
  <div id="blog" class="blog-area">
    <div class="blog-inner area-padding">
      <div class="blog-overly"></div>
      <div class="container ">
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="section-headline text-center">
              <h2>公益回顾</h2>
            </div>
          </div>
        </div>
        <div class="row">
          <!-- Start Left Blog -->
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-blog">
              <div class="single-blog-img">
                <a href="blog.html">
										<img src="img/支教.jpg" alt="">
									</a>
              </div>
              <div class="blog-meta">
                <span class="comments-type">
										<i class="fa fa-comment-o"></i>
										<a href="#">260条评论</a>
									</span>
                <span class="date-type">
										<i class="fa fa-calendar"></i>2018-03-05 / 09:10:16
									</span>
              </div>
              <div class="blog-text">
                <h4>
                                        <a href="blog.html">乡村支教美丽中国</a>
									</h4>
                <p>
				【项目规模】截至2018年，美丽中国支教已累计为教育资源匮乏地区的近300所中小学，输送了超过1,900名项目老师，广泛影响约434,000人次的学生。【项目成果】在2017-2018学年，62%的班级在重大考试中平均分提高；53%的班级在重大考试中的及格率提高；59%的班级在重大考试中的优秀率提高。
				</p>
              </div>
              <span>
									<a href="blog.html" class="ready-btn">阅读更多</a>
								</span>
            </div>
            <!-- Start single blog -->
          </div>
          <!-- End Left Blog-->
          <!-- Start Left Blog -->
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-blog">
              <div class="single-blog-img">
                <a href="blog.html">
										<img src="img/小善大爱.png" alt="">
									</a>
              </div>
              <div class="blog-meta">
                <span class="comments-type">
										<i class="fa fa-comment-o"></i>
										<a href="#">130条评论</a>
									</span>
                <span class="date-type">
										<i class="fa fa-calendar"></i>2018-06-15 / 21:11:18
									</span>
              </div>
              <div class="blog-text">
                <h4>
                                        <a href="blog.html">免费午餐小善大爱</a>
									</h4>
                <p>
				2011年4月2日， 邓飞联合500名记者、国内数十家主流媒体和中国社会福利基金会发起免费午餐基金公募计划，倡议为贫困学童提供免费午餐。自2011年4月正式启动至2018年9月底，免费午餐项目累计开餐学校1057所，累计受惠276327人。现有开餐学校826所，遍布全国26个省市自治区，供应186737人用餐。
				</p>
              </div>
              <span>
									<a href="blog.html" class="ready-btn">阅读更多</a>
								</span>
            </div>
            <!-- Start single blog -->
          </div>
          <!-- End Left Blog-->
          <!-- Start Right Blog-->
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="single-blog">
              <div class="single-blog-img">
                <a href="blog.html">
										<img src="img/儿童.png" alt="">
									</a>
              </div>
              <div class="blog-meta">
                <span class="comments-type">
										<i class="fa fa-comment-o"></i>
										<a href="#">101条评论</a>
									</span>
                <span class="date-type">
										<i class="fa fa-calendar"></i>2018-12-01 / 18:30:16
									</span>
              </div>
              <div class="blog-text">
                <h4>
                                        <a href="blog.html">先心儿童的“心”生</a>
									</h4>
                <p>
				慈善基金会已在全国签订了五十余家定点合作医院，分布于东北、华北、华东、西北、西南、华中、华南地区。其中包括中国医学科学院阜外心血管病医院、北京安贞医院、上海交通大学医学院附属上海儿童医学中心等各地区儿童先心病诊疗技术水平领先的医院，确保受助的患儿病情得到最好的诊治。
				</p>
              </div>
              <span>
									<a href="blog.html" class="ready-btn">阅读更多</a>
								</span>
            </div>
          </div>
          <!-- End Right Blog-->
        </div>
      </div>
    </div>
  </div>
  <!-- End Blog -->
	
  
      <!-- Start reviews Area -->
  <div class="reviews-area hidden-xs" >
    <div class="work-us">
      <div class="work-left-text">
        <a href="#">
						<img src="img/教育.png" alt="">
					</a>
      </div>
      <div class="work-right-text text-center">
        <h2>蓝色救生圈公益项目</h2>
		<h5>“蓝色救生圈”中小学生防溺水安全教育公益项目，</h5>
        <h5>让更多人守护孩子安全，防溺水，刻不容缓！</h5>
		<h5>通过“蓝色救生圈”项目的实施，使在校中小学生能够认识到</h5>
		<h5>私自下水游泳等情形的危险性，培养安全意识和避险意识。</h5>
        <a href="#contact" class="ready-btn">查看详情</a>
      </div>
    </div>
  </div>
  <!-- End reviews Area -->
  
  
    <!-- Start team Area -->
  <div id="team" class="our-team-area area-padding">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline text-center">
            <h2>筑梦·筑德人物</h2>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="team-top">
          <div class="col-md-3 col-sm-3 col-xs-12">
            <div class="single-team-member">
              <div class="team-img">
                <a href="#">
				<img src="img/team/1.png" alt="">
				</a>
                
              </div>
              <div class="team-content text-center">
                <h4>宁启水</h4>
                <p>爱心电工</p>
              </div>
            </div>
          </div>
          <!-- End column -->
          <div class="col-md-3 col-sm-3 col-xs-12">
            <div class="single-team-member">
              <div class="team-img">
                <a href="#">
							<img src="img/team/2.png" alt="">
					</a>
                
              </div>
              <div class="team-content text-center">
                <h4>温文彬</h4>
                <p>村小体育老师</p>
              </div>
            </div>
          </div>
          <!-- End column -->
          <div class="col-md-3 col-sm-3 col-xs-12">
            <div class="single-team-member">
              <div class="team-img">
                <a href="#">
										<img src="img/team/3.png" alt="">
									</a>
                
              </div>
              <div class="team-content text-center">
                <h4>郭庆文</h4>
                <p>献血志愿者</p>
              </div>
            </div>
          </div>
          <!-- End column -->
          <div class="col-md-3 col-sm-3 col-xs-12">
            <div class="single-team-member">
              <div class="team-img">
                <a href="#">
										<img src="img/team/4.png" alt="">
									</a>
                
              </div>
              <div class="team-content text-center">
                <h4>张作梓</h4>
                <p>”修路爷爷“</p>
              </div>
            </div>
          </div>
          <!-- End column -->
        </div>
      </div>
    </div>
  </div>
  <!-- End Team Area -->
  

  <!-- Start Suscrive Area -->
  <div class="suscribe-area">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs=12">
          <div class="suscribe-text text-center">
            <h3>历史善款总额：1,182,733,800元&nbsp;&nbsp;&nbsp;历史爱心总人次：104,286,027人次</h3>
            <a class="sus-btn" href="#">我要捐赠</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Suscrive Area -->
  
  
  

  
   <!-- Start Footer bottom Area -->
  <footer>
    <div class="footer-area">
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="footer-content">
              <div class="footer-head">
                <div class="footer-logo">
                  <h2><span>联系</span>我们</h2>
                </div>

                <p>公益项目咨询：....&nbsp;公益项目合作：www.ddddd.com<br>
				   主办：xx公益慈善基金会&nbsp;支持：xxx新闻中心<br>
							意见反馈 | 网友投诉<br>
							公募支持：中国儿童少年基金会<br>
							(善款由该基金会接收)<br></p>
                
              </div>
            </div>
          </div>
          <!-- end single footer -->
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="footer-content">
              <div class="footer-head">
                <h4>相关信息</h4>
                <p>
                  项目合作: gongyi_aZ@163.com &nbsp;<br>媒体合作：gongyi_aZ@163.com
				  </p>
                <div class="footer-contacts">
                  <p><span>电话：</span> +123 456 789</p>
                  <p><span>Email:</span> contact@example.com</p>
                  <p><span>公司地址:</span> 广东省江门市xx</p>
                </div>
              </div>
            </div>
          </div>
          <!-- end single footer -->
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="footer-content">
              <div class="footer-head">
                <h4>爱心汇聚</h4>
                <div class="flicker-img">
                  <a href="#"><img src="img/portfolio/1.png" alt=""></a>
                  <a href="#"><img src="img/portfolio/2.png" alt=""></a>
                  <a href="#"><img src="img/portfolio/3.png" alt=""></a>
                  <a href="#"><img src="img/portfolio/4.png" alt=""></a>
                  <a href="#"><img src="img/portfolio/5.png" alt=""></a>
                  <a href="#"><img src="img/portfolio/6.png" alt=""></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-area-bottom">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="copyright text-center">
              <p>
                关于我们  | 服务协议 | 隐私政策 | 开放平台 | 广告服务 | 公益招聘 | 相关公益 | 客服中心 | 举报中心 | 网站导航
              </p>
            </div>
            
          </div>
        </div>
      </div>
    </div>
  </footer>
  
  
 
	  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  <script src="lib/venobox/venobox.min.js"></script>
  <script src="lib/knob/jquery.knob.js"></script>
  <script src="lib/wow/wow.min.js"></script>
  <script src="lib/parallax/parallax.js"></script>
  <script src="lib/easing/easing.min.js"></script>
  <script src="lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
  <script src="lib/appear/jquery.appear.js"></script>
  <script src="lib/isotope/isotope.pkgd.min.js"></script>


  <!-- Contact Form JavaScript File -->
  <script src="contactform/contactform.js"></script>

	<script type="text/javascript" src="script.js"></script>
	
	
	
	</body>
</html>


